.about {
    font: 500 17px/21px "Roboto", sans-serif;
    color: #FFF;
    position: relative;
}
.about::before{
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: 0;
    background: #131313;
    background-color: #d4d4d4;
    top: 30px;
}
.footer p{
    color: #d4d4d4;
    font-size: 14px;
    line-height: 1.5;
    font-family: -apple-system,BlinkMacSystemFont,'PingFang SC',"Hiragino Sans GB","Microsoft YaHei",Helvetica,Arial,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
.foot-icon {
    font-size: 18px!important;
}
.foot-icon a{
    margin-left:10px;
}
.bg-black{
    background-color: #000 !important;
}
.text-website{
    font-size: 13px!important;
    color: #6c757d!important;
}
.footer-copyright{
    padding-top: 30px;
    padding-bottom: 15px;
}
.text-website a {
    color:#717170;
}
.mybtn{
    display: block;
    width: 200px;
    padding:8px;
    background-color: #428bca;
    border-color: #357ebd;
    color: goldenrod;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    font-weight: 900;
    font-size:125%;
}
.mybtn:hover{
    color: goldenrod;
}
